<template>
  <view class="user">
    <MainHeader />
    <view class="header">
      <view class="header-content">
        <view
          class="sign-out"
          @click="loginOut('/pages/login/main-login/index')"
        >
          <img src="@/static/sign-out.svg" />
        </view>
        <view class="staff-block">
          <view class="staff-avatar">
            <img :src="staffAvatarUrl" />
          </view>
          <view class="staff-name"> {{ staffName }} </view>
          <view class="staff-id"> 员工ID：{{ staffId }} </view>
        </view>
      </view>
    </view>
    <view class="user-content">
      <view class="main-list">
        <view class="main-contain">
          <!-- 用户信息 -->
          <view class="user-info">
            <view class="info-item" v-for="item in userInfoList" :key="item.id">
              <navigator :url="item.url" hover-class="none">
                <view class="info-title">
                  {{ item.title }}
                </view>
                <view class="info-desc">
                  {{ item.desc }}
                </view>
                <view class="info-img">
                  <img src="@/static/back-arrow.png" />
                </view>
              </navigator>
            </view>
          </view>
          <!-- 小程序信息 -->
          <view class="app-info">
            <view class="info-item" v-for="item in appInfoList" :key="item.id">
              <navigator :url="item.url" hover-class="none">
                <view class="info-title">
                  {{ item.title }}
                </view>
                <view class="info-desc">
                  {{ item.desc }}
                </view>
                <view class="info-img">
                  <img src="@/static/back-arrow.png" />
                </view>
              </navigator>
            </view>
          </view>
        </view>
      </view>
    </view>

    <van-dialog id="van-dialog" />
  </view>
</template>
<script src="./script.js"></script>
<style lang="less" src="./style.less"></style>
